<template>
  <ul class="flex flex-wrap space-x-8">
    <li
      class="text-center text-sm group"
      v-for="(item, index) in list"
      :key="index"
    >
      <nuxt-link :to="item.link">
        <img :src="item.img" class="w-16 h-16 mx-auto" alt="" />
        <div class="mt-1 group-hover:text-blue">{{ item.title }}</div>
      </nuxt-link>
    </li>
  </ul>
</template>

<script>
export default {
  props: ["list"],
};
</script>

<style>
</style>